<html xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:fragment="header-css">
        <!-- this is header-css -->
        <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css"/>
        <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
        <!--<link th:href="@{/css/monokai_sublime.min.css}" rel="stylesheet" href="//cdn.bootcss.com/highlight.js/8.5/styles/monokai_sublime.min.css"/>-->
        <link href="//cdn.bootcss.com/magnific-popup.js/1.0.0/magnific-popup.min.css" rel="stylesheet"/>
        <link rel="stylesheet" type="text/css" th:href="@{/css/screen.css}"/>
        <link rel="canonical" href="http://www.ghostchina.com/"/>
        <meta name="referrer" content="origin"/>
        <link rel="next" href="http://www.ghostchina.com/page/2/"/>
        <script type="text/javascript" th:src="@{/js/ghost-url.min.js}"></script>
    </div>
</head>
<body>
<div th:fragment="header">
    <!-- this is header -->
    <!-- start header -->
    <header class="main-header" style="background-image: url(http://static.ghostchina.com/image/6/d1/fcb3879e14429d75833a461572e64.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <!-- start logo -->
                    <a class="branding" href="http://www.ghostchina.com" title="Ghost 开源博客平台"><img
                            src="http://static.ghostchina.com/image/b/46/4f5566c1f7bc28b3f7ac1fada8abe.png"
                            alt="Ghost 开源博客平台"/></a>
                    <!-- end logo -->
                    <h2 class="text-hide">Ghost 是一个简洁、强大的写作平台。你只须专注于用文字表达你的想法就好，其余的事情就让 Ghost 来帮你处理吧。</h2>
                </div>
            </div>
        </div>
    </header>
    <!-- end header -->

    <!-- start navigation -->
    <nav class="main-navigation">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="navbar-header">
                        <span class="nav-toggle-button collapsed" data-toggle="collapse" data-target="#main-menu">
                        <span class="sr-only">Toggle navigation</span>
                        <i class="fa fa-bars"></i>
                        </span>
                    </div>
                    <div class="collapse navbar-collapse" id="main-menu">
                        <ul class="menu">
                            <li role="presentation"><a href="/">首页</a></li>
                            <li role="presentation"><a href="/music">音乐</a></li>
                            <li role="presentation"><a href="/movie">电影</a></li>
                            <li role="presentation"><a href="/archives">归档</a></li>
                            <li role="presentation"><a href="/about">关于</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</div>

</body>
</html>